<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>博客后台</title>
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}" type="image/x-icon" />
    <link rel="stylesheet" th:href="@{/css/blog.css}"/>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}"/>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap-theme.min.css}"/>
    <style type="text/css">
        .padding-left-0{padding-left: 0px;}
        .black{color: #000;text-decoration:none;}
        .black:hover{color: #0ae;text-decoration:none;}
        .top-0{margin-top: 0px}
    </style>
</head>
<body class="bg">
    <!-- style="background: #def" -->
    <!-- #ded 淡绿-->
    <!-- #def 淡蓝-->
    <!-- #fcd 淡红-->
    <!-- #efe 背景色-->
    <div class="container content-bg">
        <h2>快乐在角落里</h2>
        <nav class="navbar navbar-default top-20">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">首页</a>
            </div>
            <div id="navbar-menu" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Java</a></li>
                    <li><a href="#">Python</a></li>
                    <li><a href="#">Linux</a></li>
                    <li><a href="#">DB</a></li>
                    <li><a href="#">前端</a></li>
                    <li><a href="#">读书笔记</a></li>
                    <li><a href="#">日记</a></li>
                    <li><a href="#">其他</a></li>
                </ul>
            </div>
        </nav>
        <div id="content" class="row-fluid">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-lg-4 center">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入...">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button">搜索</button>
                            </span>
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
                <table class="table table-striped table-bordered top-20">
                    <tr>
                        <th>标题</th>
                        <th class="text-align-center">操作</th>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">Centos安装Java</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">Centos安装Mysql5.5</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">使用springboot + druid + mybatisplus完成多数据源配置</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">Centos安装Redis</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">VMware安装Centos</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">01创建型模式-01单例模式</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">01创建型模式-02工厂模式</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">Git安装与配置</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">IDEA安装配置</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-link black padding-left-0">sublime安装与配置</button>
                        </td>
                        <td class="text-align-center">
                            <a href="#" class="btn btn-primary btn-sm" role="button">编辑</a>
                            <a href="#" class="btn btn-danger btn-sm" role="button">删除</a>
                        </td>
                    </tr>
                </table>
                <nav aria-label="Page navigation ">
                    <ul class="pagination float-right top-0">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <script th:src="@{/js/jquery-1.12.4.min.js}"></script>
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
</body>
</html>